<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="cleartype" content="on">
		<meta name="referrer" content="always">
		<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
		<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="static/css/common.css" />
		<link rel="stylesheet" type="text/css" href="static/css/Responsive-layout.css" />
		<title>口碑课程网手机端</title>
		<meta name="description" content="口碑课程网考研培训班是国内性价比高，服务态度好的考研培训辅导机构，目前开设有普通、热门双非、211、985、顶尖院校等考研培训辅导班；咨询热线：023-8170-3034！">
		<meta name="keywords" content="考研培训班、考研课程、考研试听课">
	</head>

	<body>
		<header class="clearfix">
			<h1 class="clearfix">口碑课程网
				<div class="head-img">
					<a href="index.html"><img src="static/img/index/index-logo.png" alt="口碑课程网" /></a>
				</div>
			</h1>
			<div class="dropdown">
				<a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> </a>
				<ul class="dropdown-menu" aria-labelledby="dLabel">
					<li>
						<a href="">选择专业</a>
					</li>
					<li>
						<a href="">考研计划</a>
					</li>
					<li>
						<a href="">英语作文批改</a>
					</li>
					<li>
						<a href="answer.html">数学答疑</a>
					</li>
					<li>
						<a href="">网课直播</a>
					</li>
					<li>
						<a href="">专业题库</a>
					</li>
					<li>
						<a href="">咨询一对一</a>
					</li>
					<li>
						<a href="">考研大礼包</a>
					</li>
					<li>
						<a href="">正版招商</a>
					</li>
				</ul>
			</div>
		</header>
		<!-- 轮播 -->
		<div class="zhz-cont index">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<a href=""><img src="static/img/index/index-banner.png" alt="口碑课程"></a>
						<div class="carousel-caption">
							<p>学习以外的事统统交给我们</p>
						</div>
					</div>
					<div class="item">
						<a href=""><img src="static/img/index/index-banner.png" alt="口碑课程"></a>
						<div class="carousel-caption">
							<p>学习以外的事统统交给我们</p>

						</div>
					</div>
					<div class="item">
						<a href=""><img src="static/img/index/index-banner.png" alt="口碑课程"></a>
						<div class="carousel-caption">
							<p>学习以外的事统统交给我们</p>
						</div>
					</div>
				</div>

				<!-- Controls -->
				<div class="carousel-inner-btn">
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
			<!-- index-list -->
			<div class="index-item">
				<div class="row">
					<div class="col-xs-3 col-md-3">
						<a href="live.html" class="thumbnail">
							<img src="static/img/index/index-item1.png" alt="...">
							<p>口碑直播</p>
						</a>
					</div>
					<div class="col-xs-3 col-md-3">
						<a href="teac-z.html" class="thumbnail">
							<img src="static/img/index/index-item2.png" alt="...">
							<p>小周老师</p>
						</a>
					</div>
					<div class="col-xs-3 col-md-3">
						<a href="storeroom.html" class="thumbnail">
							<img src="static/img/index/index-item3.png" alt="...">
							<p>考研专业库</p>
						</a>
					</div>
					<div class="col-xs-3 col-md-3">
						<a href="yxk.html" class="thumbnail">
							<img src="static/img/index/index-item4.png" alt="...">
							<p>考研院校库</p>
						</a>
					</div>
				</div>
			</div>
			<!-- choose -->
			<div class="index-choose">
				<div class="node-title">
					<h2>为什么选择口碑</h2>
				</div>
				<h3>报名口碑课程培训班你可以享受：</h3>
				<div class="index-choose-list">
					<div class="index-choose-list-bg">
						<div class="row">
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k1.png" alt="...">
									<p>一份有保障的协议</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k2.png" alt="...">
									<p>一套有针对性的书籍</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k3.png" alt="...">
									<p>一份专属的学习计划</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k4.png" alt="...">
									<p>一个有爱的 学习小组</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k5.png" alt="...">
									<p>三门油料的公共课</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k6.png" alt="...">
									<p>一个负责到底的专业课顾问</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k7.png" alt="...">
									<p>N份关怀</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k8.png" alt="...">
									<p>N次答疑</p>
								</a>
							</div>
							<div class="col-xs-4 col-md-4">
								<a href="#" class="thumbnail">
									<img src="static/img/index/k9.png" alt="...">
									<p>N份试卷</p>
								</a>
							</div>
						</div>
						<div class="index-choose-list-else">
							<p>除了学习以外的事情统统交给我们！</p>
							<p>点击图标查看详情</p>
						</div>
					</div>
					<a href="" class="btn-more">更多资讯</a>
				</div>
			</div>
			<!-- video -->
			<div class="index-video ">
				<div class="index-video-title clearfix">
					<h2><span>4分钟视频，带你了解口碑课程</span></h2>

				</div>
				<div class="index-video-item index-video-item1" id="video1">
					<video width="100%" height="">
						<source src="static/video/mv.mp4" type="video/mp4"></source>
						<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
					<param name="movie" value="myvideo.swf" />
					<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
				</object> 当前浏览器不支持 video直接播放，点击这里下载视频：
						<a href="myvideo.webm">下载视频</a>
					</video>
					<div class="btn-play-box">
						<img src="static/img/index/player1.png" class="btn-play" />
						<!--<img src="static/img/index/push1.png" class="btn-pause" />-->
					</div>
				</div>
				<div class="index-video-item index-video-item2">
					<video width="100%" height="">
						<source src="static/video/mv.mp4" type="video/mp4"></source>
						<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
					<param name="movie" value="myvideo.swf" />
					<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
				</object> 当前浏览器不支持 video直接播放，点击这里下载视频：
						<a href="myvideo.webm">下载视频</a>
					</video>
					<div class="btn-play-box">
						<img src="static/img/index/player2.png" class="btn-play" />
						<!--<img src="static/img/index/push2.png" class="btn-pause" />-->
					</div>
				</div>
			</div>
			<!-- 课程 -->
			<div class="index-class">
				<div class="node-title">
					<h2>考研培训课程</h2>
				</div>
				<div class="class-item">
					<div class="row">
						<div class="col-xs-6 col-md-6">
							<a href="#" class="thumbnail">
								<img src="static/img/index/list1.png" alt="...">
								<p>热门院校考研培训班</p>
								<div class="class-item-time clearfix">
									<div class="pull-left">
										<i class="eye"></i>
										<span>368</span>
									</div>
									<div class="pull-right">
										<span>2017-10-20</span>
									</div>
								</div>
								<div class="class-item-price clearfix">
									<div class="pull-left">
										<span>￥9888</span>
									</div>
									<div class="pull-right">
										<span>去问问</span>
									</div>
								</div>
							</a>
						</div>
						<div class="col-xs-6 col-md-6">
							<a href="#" class="thumbnail">
								<img src="static/img/index/list2.png" alt="...">
								<p>热门院校考研培训班</p>
								<div class="class-item-time clearfix">
									<div class="pull-left">
										<i class="eye"></i>
										<span>368</span>
									</div>
									<div class="pull-right">
										<span>2017-10-20</span>
									</div>
								</div>
								<div class="class-item-price clearfix">
									<div class="pull-left">
										<span>￥9888</span>
									</div>
									<div class="pull-right">
										<span>去问问</span>
									</div>
								</div>
							</a>
						</div>
					</div>
					<a class="btn-more">更多课程</a>
				</div>
			</div>
			<!-- 帮助 -->
			<div class="index-help">
				<div class="row">
					<div class="col-xs-6 col-md-6">
						<a href="#" class="thumbnail">
							<img src="static/img/index/help1.png" alt="口碑课程">
							<p>帮我选学校</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-6">
						<a href="#" class="thumbnail">
							<img src="static/img/index/help2.png" alt="口碑课程">
							<p>帮我选专业</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-6">
						<a href="#" class="thumbnail">
							<img src="static/img/index/help3.png" alt="..口碑课程">
							<p>帮我定计划</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-6">
						<a href="#" class="thumbnail">
							<img src="static/img/index/help4.png" alt="口碑课程">
							<p>帮我讲难题</p>
						</a>
					</div>
				</div>
			</div>
			<!-- news咨询 -->
			<div class="news">
				<div class="node-title">
					<h2>考研培训课程</h2>
				</div>
				<div class="row">
					<a href="#" class="thumbnail clearfix">
						<div class="col-xs-4 col-md-4">
							<img src="static/img/index/list1.png" alt="...">
						</div>
						<div class="col-xs-8 col-md-8">
							<p>考研数学培训班哪家好?</p>
							<div class="class-item-time clearfix">
								<div class="pull-left">
									<i class="eye"></i>
									<span>368</span>
								</div>
								<div class="pull-right">
									<i class="time"></i>
									<span>2017-10-20</span>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="row">
					<a href="#" class="thumbnail clearfix">
						<div class="col-xs-4 col-md-4">
							<img src="static/img/index/list1.png" alt="...">
						</div>
						<div class="col-xs-8 col-md-8">
							<p>考研数学培训班哪家好?</p>
							<div class="class-item-time clearfix">
								<div class="pull-left">
									<i class="eye"></i>
									<span>368</span>
								</div>
								<div class="pull-right">
									<i class="time"></i>
									<span>2017-10-20</span>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="row">
					<a href="#" class="thumbnail clearfix">
						<div class="col-xs-4 col-md-4">
							<img src="static/img/index/list1.png" alt="...">
						</div>
						<div class="col-xs-8 col-md-8">
							<p>考研数学培训班哪家好?</p>
							<div class="class-item-time clearfix">
								<div class="pull-left">
									<i class="eye"></i>
									<span>368</span>
								</div>
								<div class="pull-right">
									<i class="time"></i>
									<span>2017-10-20</span>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="row">
					<a href="#" class="thumbnail clearfix">
						<div class="col-xs-4 col-md-4">
							<img src="static/img/index/list1.png" alt="...">
						</div>
						<div class="col-xs-8 col-md-8">
							<p>考研数学培训班哪家好?</p>
							<div class="class-item-time clearfix">
								<div class="pull-left">
									<i class="eye"></i>
									<span>368</span>
								</div>
								<div class="pull-right">
									<i class="time"></i>
									<span>2017-10-20</span>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="row">
					<a href="#" class="thumbnail clearfix">
						<div class="col-xs-4 col-md-4">
							<img src="static/img/index/list1.png" alt="...">
						</div>
						<div class="col-xs-8 col-md-8">
							<p>考研数学培训班哪家好?</p>
							<div class="class-item-time clearfix">
								<div class="pull-left">
									<i class="eye"></i>
									<span>368</span>
								</div>
								<div class="pull-right">
									<i class="time"></i>
									<span>2017-10-20</span>
								</div>
							</div>
						</div>
					</a>
				</div>
				<a class="btn-more" href="">更多课程</a>
			</div>
		</div>
	</body>
	<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="static/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="static/js/common.js" type="text/javascript" charset="utf-8"></script>

</html>